<template>
  <div>
    <p>{{ intro }}, 我们出去旅游吧</p>
    <!-- 覆盖式写入 -->
    <p v-text="intro"></p>
    <div v-html="desc"></div>
    <div v-html="goodsDesc"></div>
  </div>
</template>

<script setup lang="ts">
/**
 内容渲染指令
 v-text 只能渲染普通文本
 v-html 渲染标签结构
 */
const intro = '今天天气很好'
const desc = `<input type="date"><h1>6666</h1>`
const goodsDesc = `<table><tbody style="margin: 0px; padding: 0px;"><tr style="margin: 0px; padding: 0px;" class="firstRow"><td style="margin: 0px; padding: 0px;"><a href="https://cuxiao.m.suning.com/scms/shoujiziyinghuichang.html?isSCMS=1" sap-expo="true" style="margin: 0px; padding: 0px; text-decoration-line: none; color: rgb(51, 51, 51); outline: none 0px !important;"><img src="https://uimgproxy.suning.cn/uimg1/sop/commodity/kHgx21fZMWwqirkMhawkAw.jpg" alt="" style="margin: 0px; padding: 0px; border: 0px; width: 414px; height: auto;"/></a></td></tr></tbody></table><p style="padding: 0px; font-family: Arial, Helvetica, STHeiTi, sans-serif; color: rgb(34, 34, 34); white-space: normal;"><img src="https://uimgproxy.suning.cn/uimg1/sop/commodity/0rRMmncfF0kGjuK5cvLolg.jpg" alt="" style="margin: 0px; padding: 0px; border: 0px; width: 414px; height: auto;"/></p><p style="padding: 0px; font-family: Arial, Helvetica, STHeiTi, sans-serif; color: rgb(34, 34, 34); white-space: normal;"><img src="https://uimgproxy.suning.cn/uimg1/sop/commodity/2P04A4Jn0HKxbKYSHc17kw.jpg" alt="" style="margin: 0px; padding: 0px; border: 0px; width: 414px; height: auto;"/></p><p style="padding: 0px; font-family: Arial, Helvetica, STHeiTi, sans-serif; color: rgb(34, 34, 34); white-space: normal;"><img src="https://uimgproxy.suning.cn/uimg1/sop/commodity/l1ZEPifcq34geZv7aOxCMQ.jpg" alt="" style="margin: 0px; padding: 0px; border: 0px; width: 414px; height: auto;"/></p><p style="padding: 0px;"><img src="https://uimgproxy.suning.cn/uimg1/sop/commodity/YD8f4FvV-L1AmdA1SDxdFw.jpg" alt="" style="margin: 0px; padding: 0px; border: 0px; width: 414px; height: auto;"/><img src="https://uimgproxy.suning.cn/uimg1/sop/commodity/iZC9oUbvGTp6mfgWwygRLA.jpg" alt="" style="margin: 0px; padding: 0px; border: 0px; width: 414px; height: auto;"/><img src="https://uimgproxy.suning.cn/uimg1/sop/commodity/sGP_igHXLo59dqdxBXrzKw.jpg" alt="" style="margin: 0px; padding: 0px; border: 0px; width: 414px; height: auto;"/></p><p style="padding: 0px;"><img src="https://uimgproxy.suning.cn/uimg1/sop/commodity/MT4k-mPd0veQXWPPO5yTIw.jpg" alt="" style="margin: 0px; padding: 0px; border: 0px; width: 414px; height: auto;"/><img src="https://uimgproxy.suning.cn/uimg1/sop/commodity/1K48vT8ebFj3KgDkr91yPw.jpg" alt="" style="margin: 0px; padding: 0px; border: 0px; width: 414px; height: auto;"/></p><p style="padding: 0px;"><img src="https://uimgproxy.suning.cn/uimg1/sop/commodity/We3VeS8futphrBVbS69vkA.jpg" alt="" style="margin: 0px; padding: 0px; border: 0px; width: 414px; height: auto;"/><img src="https://uimgproxy.suning.cn/uimg1/sop/commodity/vDQqItJHgBdH92CS_UOUNg.jpg" alt="" style="margin: 0px; padding: 0px; border: 0px; width: 414px; height: auto;"/><img src="https://uimgproxy.suning.cn/uimg1/sop/commodity/5H0yEeKz9Lp3UWBwwW6Jmw.jpg" alt="" style="margin: 0px; padding: 0px; border: 0px; width: 414px; height: auto;"/><img src="https://uimgproxy.suning.cn/uimg1/sop/commodity/6KwWbuT1rGQTGjLjnCzu8A.jpg" alt="" style="margin: 0px; padding: 0px; border: 0px; width: 414px; height: auto;"/><img src="https://uimgproxy.suning.cn/uimg1/sop/commodity/TQby1g6aoE2afwR99rfViw.jpg" alt="" style="margin: 0px; padding: 0px; border: 0px; width: 414px; height: auto;"/><img src="https://uimgproxy.suning.cn/uimg1/sop/commodity/Kp9207UBEd9BbwwoaWKlkA.jpg" alt="" style="margin: 0px; padding: 0px; border: 0px; width: 414px; height: auto;"/><img src="https://uimgproxy.suning.cn/uimg1/sop/commodity/aBRn3T1aFPu7mLpFLyNZkg.jpg" alt="" style="margin: 0px; padding: 0px; border: 0px; width: 414px; height: auto;"/><img src="https://uimgproxy.suning.cn/uimg1/sop/commodity/GPzg5REUM2mGVVSpF9hgGg.jpg" alt="" style="margin: 0px; padding: 0px; border: 0px; width: 414px; height: auto;"/><img src="https://uimgproxy.suning.cn/uimg1/sop/commodity/qJwvOdSK2WG1uiKyJaMRsQ.jpg" alt="" style="margin: 0px; padding: 0px; border: 0px; width: 414px; height: auto;"/><img src="https://uimgproxy.suning.cn/uimg1/sop/commodity/EzjRLCAz9kLa8hWQjk5XzA.jpg" alt="" style="margin: 0px; padding: 0px; border: 0px; width: 414px; height: auto;"/><img src="https://uimgproxy.suning.cn/uimg1/sop/commodity/677p5Civfw-jegXHdGJcxQ.jpg" alt="" style="margin: 0px; padding: 0px; border: 0px; width: 414px; height: auto;"/><img src="https://uimgproxy.suning.cn/uimg1/sop/commodity/glD0spxOFfIBIhZXyqAoOA.jpg" alt="" style="margin: 0px; padding: 0px; border: 0px; width: 414px; height: auto;"/><img src="https://uimgproxy.suning.cn/uimg1/sop/commodity/GHWQZUATVWXkqKA8cPzYVQ.jpg" alt="" style="margin: 0px; padding: 0px; border: 0px; width: 414px; height: auto;"/><img src="https://uimgproxy.suning.cn/uimg1/sop/commodity/ae9uIgZxnla55hDHk7VfgQ.jpg" alt="" style="margin: 0px; padding: 0px; border: 0px; width: 414px; height: auto;"/><img src="https://uimgproxy.suning.cn/uimg1/sop/commodity/wdg0s6EZyQoJ5RSRUHzKfg.jpg" alt="" style="margin: 0px; padding: 0px; border: 0px; width: 414px; height: auto;"/><img src="https://uimgproxy.suning.cn/uimg1/sop/commodity/KYSdsBxLnOTv9zohgNFcSQ.jpg" alt="" style="margin: 0px; padding: 0px; border: 0px; width: 414px; height: auto;"/></p><p><br/></p>`
</script>